<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta content="telephone=no" name="format-detection">
		<title></title>
		<link rel="stylesheet" href="/static/css/basic.css" />
		<link rel="stylesheet" href="/static/css/podcast_detail.css" />
        <script src="/static/js/mediaelement.js" type="text/javascript"></script>
        <script src="/static/js/procotol.js" type="text/javascript"></script>
        <script src="/static/js/jquery-1.10.1.min.js" type="text/javascript"></script>
	</head>
	<body>
		<!--视频容器-->
		<div class="podcast_video">
			<video id="myVideo" preload="none" poster="{{ podcastinfo.ImageUrl }}" controls="controls">
				<source src="{{ podcastinfo.VideoUrl }}" type="video/ogg">
				<source src="{{ podcastinfo.VideoUrl }}" type="video/mp4">
			</video>
		</div>
		<!--遮罩层-->
		<div class="podcast_mask" id="podcast_mask">
			<div></div>
			<div>
				<div class="tips">
					<p>温馨提示：</p>
					<p>此视频内容免费，非WiFi下继续观看会产生流量资费，是否继续播放？</p>
				</div>
				<div class="button">
					<!--<div id="return_button" onclick="location.href='mtd://go_back'">
						<a></a>
						<span>返回</span>
					</div>-->
					<div id="open_button" onclick="javascript:if ({{ device_type }}){document.getElementById('podcast_mask').style.display = 'none';}else{location.href='qicheng://play_video?video={{ podcastinfo.VideoUrl }}';}">
						<a></a>
						<span>播放</span>
					</div>
				</div>
			</div>
		</div>
		<!--内容区域如下-->
		<div class="podcast_time">
			<div>发布时间：{{ podcastinfo.DayCommentDate[:10] }}</div>
			<div class="podcast_time_icon">
				<span></span>
			</div>
            <div class="podcast_time_icon" >
				<a id="icon_open">&nbsp;</a>
				<span>{{ podcastinfo.PlayCount }}次浏览</span>
			</div>
		</div>
		<div style="width: 100%; height: 10px; background: #F3F3F3;"></div>
		<div class="podcast_content">
			<div class="podcast_content_title">
				<p>{{ podcastinfo.VideoName }}</p>
			</div>
			<p>视频简介</p>
			<p>{{ podcastinfo.contents }}</p>
		</div>
	</body>
    <script type="text/javascript">
        var podcast_mask = document.getElementById('podcast_mask');
        function playvideo(){
            if ({{ device_type }})
            {
                podcast_mask.style.display = 'none';
            }else{
                location.href='mtd://play_video?video={{ podcastinfo.VideoUrl }}';
            }
        }
    </script>
</html>